<template>
  <div class="home">
      <home-header class="home-header"></home-header>
      <home-swiper></home-swiper>
      <home-catalog></home-catalog>
      <home-hot></home-hot>
  </div>
</template>

<script>
import homeHeader  from'./components/homeHeader'
import homeSwiper  from'./components/homeSwiper'
import homeCatalog  from'./components/homeCatalog'
import homeHot  from'./components/homeHot'
export default {
  name: 'Home',
  components:{
      homeHeader,
      homeSwiper,
      homeCatalog,
      homeHot,
  }
}
</script>
<style lang="stylus" scoped>
.home
  position:relative
  .home-header
    position:absolute
    top:0
    left:0
    z-index: 100
    width 100%
</style>
